<template>
    <div>
        <el-row>
            <el-col :span="24" style="text-align: center;margin-bottom: 20px;padding-top: 50px">
                <router-link to="/">
                    <img src="static/images/logo.png" style="width: 120px" alt="">
                </router-link>
                <h1 class="app-welcome" style="margin-top: 10px">欢迎使用百米账房套打工具</h1>
            </el-col>
            <el-col :span="24" style="text-align: center; margin-top: 20px">
                <router-link to="/one">
                    <el-button class="ann-button" type="primary" round="" plain="">一人有限公司注册</el-button>
                </router-link>
            </el-col>
            <el-col :span="24" style="text-align: center; margin-top: 20px">
                <router-link to="/multi">
                    <el-button class="ann-button" type="primary" round="" plain="">多人有限公司注册</el-button>
                </router-link>
            </el-col>
        </el-row>
        <el-row style="margin:60px 20px">
            <el-col style="text-align: center">
                <p>&copy; <a @click="openUri('http://www.100tax.cn')">百米账房</a> {{new Date().getFullYear()}} , <icon name="code" style="color: deeppink"></icon> with <icon name="heart" style="color: red"></icon> by
                    <a @click="openUri('http://www.anline.cn')">安浪软件</a></p>
                <p>
                    Version: {{appVersion}}
                </p>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
      name: 'Home',
      components: {},
      data () {
        return {
          appVersion: require('./../../../package.json').version
        }
      },
      mounted () {
        document.title = '百米账房公司注册套打工具'
      },
      methods: {
        openUri ($link) {
          this.$electron.shell.openExternal($link)
        }
      }
    }
</script>

<style>
    body{
        background-color: whitesmoke;
    }
</style>
<style scoped>
    .app-welcome{
        font-weight: lighter;
        color: #00A0E9;
    }
    .ann-button{
        line-height: 40px;
        font-weight: lighter;
        font-size: 22px;
        letter-spacing: 0.2rem;
        min-width: 320px;
    }
    a{
        text-decoration-line: underline;
    }
</style>